<template>
	<view class='list-content'>
		<ul>
			<li @click='goActivity'>
				<image class='img' src="@/static/setup/activities.png"></image>
				<view class='right'>
					<span open-type="contact">活动中心</span>
					<span>></span>
				</view>
			</li>
			<li @click='goShare'>
				<image class='img' src="@/static/setup/share.png"></image>
				<view class='right'>
					<span>好友推荐</span>
					<span>></span>
				</view>
			</li>
			<li @click='goMore'>
				<image class='img' src="@/static/setup/more.png"></image>
				<view class='right'>
					<span>更多服务</span>
					<span>></span>
				</view>
			</li>
			<li @click='goSetup'>
				<image class='img' src="@/static/setup/setup.png"></image>
				<view class='right'>
					<span>账户设置</span>
					<span>></span>
				</view>
			</li>
		</ul>
		<view class="version">
			版本信息0.1.2
		</view>
	</view>
</template>

<script>
	export default{
		methods:{
			goActivity(){
				uni.navigateTo({
					url: '/pages/tab4/view/setup/activity'
				})
			},
			goShare(){
				uni.navigateTo({
					url: '/pages/tab4/view/setup/share'
				})
			},
			goMore(){
				uni.navigateTo({
					url: '/pages/tab4/view/setup/more'
				})
			},
			goSetup(){
				uni.navigateTo({
					url: '/pages/tab4/view/setup/setup'
				})
			}
		}
	}
</script>

<style lang='scss'>
	.serviceBtn{
		background-color: white;
		border: 0 !important;
	}
	.version{
		width: 100%;
		height: 70rpx;
		color: #DDDDDD;
		text-align: center;
		line-height: 70rpx;
		font-size: 28rpx;
		letter-spacing: 5rpx;
	}
	ul{
		width: 95%;
		padding: 0;
		background-color: white;
		margin-left: 2.5%;
		margin-top: 30rpx;
		border-radius: 15rpx;
		border: 1rpx solid rgba(176,196,222,0.3);
		li{
			width: 100%;
			height: 120rpx;
			display: flex;
			align-items: center;
			color: #5E5E5E;
			position: relative;
			.img{
				width: 50rpx;
				height: 50rpx;
				margin-left: 20rpx;
				margin-right: 20rpx;
			}
			.right{
				width: 85%;
				height: 80%;
				display: flex;
				align-items: center;
				border-bottom: 1rpx solid rgba(176,196,222,0.2);
				span:last-child{
					position: absolute;
					right: 20rpx;
				}
			}
		}
		li:last-child{
			.right{
				border-bottom: 0;
			}
		}
	}
</style>
